<script setup>
import { onMounted, ref } from 'vue'
import Dialog from '@/views/Dialog.vue'
const flieList = ref([])
onMounted(async () => {
  flieList.value = await myApi.getFileList()
})
</script>

<template>
  <div class="img-container">
    <img v-for="(item, index) in flieList" :key="index" :src="/uploads/ + item" alt="">
  </div>
  <teleport to="body">
    <Dialog></Dialog>
  </teleport>
</template>

<style scoped lang="stylus">
.img-container
  padding 20px
  img
    width 150px
    margin-right 10px

</style>